<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文本处理标签</title>
    </head>
    <body>
        我是普通文字
        <!--2.空格折叠现象:将连续的多个空格或换行折叠为一个空格显示   -->
        <br><!--3.换行标签 单标记标签-->
        <!--1.文本基础效果标签-->
        <b>加粗文字bold</b>
        <i>斜体文字italic</i>
        <u>下划线文字underline</u>
        <br>
        <s>删除线文字</s>
        <mark>高亮标记文字</mark>
        <!--4.转义符号
        &lt; less than 表示小于号
        &gt; greater than 表示大于号
        &nbsp; 表示空格
        -->
        我最爱吃<苏东坡>做的红烧肉
        我最爱吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

        <!--  5.标题标签 加粗 修改字号 内容独占一行 有垂直方向的上下行间距    -->
        <h1>我是标题1</h1>
        <h2>我是标题2</h2>
        <h3>我是标题3</h3>
        <h4>我是标题4</h4>
        <h5>我是标题5</h5>
        <h6>我是标题6</h6>
        <!--  没有标题7,但不会报错,只是不渲染标题效果 -->
        <h7>我是标题7</h7>

        <!--  6.段落标签 内容独占一行 有垂直方向的行间距 不会有文字效果 -->
        <p>我是段落</p>
        <p>我是段落</p>
        <p>我是段落</p>

        <!--  7.分割线标签 生成一条灰色的水平分割线 -->
        <hr>
        <!--  8.生成假文 lorem 后Tab补全-->
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorem ea enim, nostrum quasi quibusdam. Deleniti eligendi ipsa magnam molestiae, nobis non repellat repellendus soluta vel vitae! Consequatur, fuga sapiente!
        <!--    9.有序列表 ordered list
       有序列表的type值:   1阿拉伯数字 A/a 大/小写字母 I/i大小写罗马数字-->
        <ol type="A">
<!--            list item 列表项-->
            <li>把水烧开</li>
            <li>把面放进去</li>
            <li>把面捞出来</li>
        </ol>
<!--            10.无序列表 unordered list-->
        <ul type="none">
<!--            list item 列表项-->
            <li>&lt;&lt;Think in Java&gt;&gt;</li>
            <li>&lt;&lt;Java从入门到精通&gt;&gt;</li>
            <li>&lt;&lt;颈椎康复指南&gt;&gt;</li>
        </ul>
        <hr>
<!--            ul>li*3 -->
        <ul type="none">
            <li>热菜
                <ol>
                    <li>西红柿牛腩</li>
                    <li>水煮肉片</li>
                    <li>宫保鸡丁</li>
                    <li>溜肉段</li>
                </ol>
            </li>
            <li>凉菜
                <ol>
                    <li>拍黄瓜</li>
                    <li>凉拌三丝</li>
                    <li>皮蛋豆腐</li>
                </ol>
            </li>
            <li>主食
                <ol>
                    <li>米饭</li>
                    <li>馒头</li>
                </ol>
            </li>
        </ul>

        <hr>
        <h3>个人简历</h3>
       <h5>基本信息</h5>
            <p>姓名:<b>传奇哥</b></p>
            <p>性别:男</p>
            <p>爱好:<s>摄影</s></p>
       <h5>个人经历</h5>
            <ul>
                <li>小学9年</li>
                <li>中学9年</li>
                <li>高中12年</li>
            </ul>
       <h5>获得荣誉</h5>
            <ol>
                <li>机甲收集达人</li>
                <li>玩偶收集达人</li>
            </ol>
        <hr>
    </body>
</html>















